<!DOCTYPE html>
<html >
<head>
    <meta >
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>名人名言</title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        table {
            border-collapse: collapse;
            margin-top: 16px ;
        }
        table tr td {
            padding: 5px 5px;
            display: inline-block;
            border: 1px solid #d1d1d1;
        }
        .box .box1 .title{
            border: 1px solid #d1d1d1;
            padding:  10px;
        }
        .box{
           margin: 20px;
            width: 900px;
            box-sizing: border-box;
        }
        .box p{
            font-size: 12px;
        }
        .box h2{
            margin: 10px 20px;
        }
        .box i{
            margin: 10px 20px;
            font-size: 12px;
        }
        .box1{
            margin: 20px 10px;
            width: 500px;
            float: left;
        }
        .box2{
            margin: 20px 10px;
            width: 320px;
            border: 1px solid #d1d1d1;
            float: right;
            padding: 20px 15px;
        }
        .box1 a{
            font-size: 17px;
        }
        .box1 .p1{
            padding-top: 10px;
           font-weight: bold;
           line-height: 20px;
           text-indent: 2em;
        }
        .box2 p{
            margin: 10px 0;
        }
        .box .box2 .pp{
            font-style: italic;
        }
        .box .box2 input{
             border-radius: 4px;
        }
    </style>
</head>
<body>
    <div class="box">
        <h2>名人名言</h2>
        <i>分享名人名言，开始一段触动心灵的智慧之旅跳到内容 </i>
        <table>
            <tr>
                <td>登录 </td>
                <td>关于</td>
                <td>名人名言</td>
                <td>英文名言(English)</td>
                <td>心理杂志</td>
                <td>心理书籍</td>
                <td>专题活动</td>
                <td>发表</td>
            </tr>
        </table>
        <hr>
        <div class="box1">
            <p class="title"> <a > 心理学经典名言的智慧</a><br>
                洞察人性的美与丑，认识自我的强与弱。一句好的格言能够穿越时间，永不失色、历久弥香，它总是能给人们带来心灵的滋养。
            </p>
            <p class="p1">创造力（creativity）有两个词根：Crera拉丁语的意思是“去创造”。Krainir希腊语的意思是“去实现”。所以，创造力不仅仅是一种想象力、一种天赋，创造力更是一种将自己的想法付诸实现的能力。 
            </p>
            <p>创造力（creativity）有两个词根：Crera拉丁语的意思是“去创造”。Krainir希腊语的意思是“去实现”。所以，创造力不仅仅是一种想象力、一种天赋，创造力更是一种将自己的想法付诸实现的能力。 
            </p> 
            <p>发表在 未分类 | 标签： 《换个脑袋去思考》, 创造力 | 留下评论</p>
           <p class="title"> <a >作者简介</a> </p> 
            <p class="p1">如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣，那么你就要先对他人产生兴趣；如果你想让他人紧张，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他们的方式对待你。这其中没有什么秘诀。看看周围的人，你可以在与下一个人交流时证实这一点。 
            </p>  
            <p>如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣，那么你就要先对他人产生兴趣；如果你想让他人紧张，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他们的方式对待你。这其中没有什么秘诀。看看周围的人，你可以在与下一个人交流时证实这一点。 
            </p> 
            <p>发表在 未分类 | 标签： 《怎样出售设计创意》, 温斯顿·丘吉尔 | 留下评论</p>
            <p class="title"><a >赞助广告</a> <img src="d_2.jpg" alt=""></p>
        </div>
        <div class="box2">
            <p class="pp">赞助广告</p> 
            <img src="d.jpg" alt="">
            <p class="pp">搜索</p> 
            <input type="text" placeholder="点击搜索">
            <p class="pp">标签</p> 
            <p>60年语录 《犯罪心理》 世间百态 二十四史传统名人 体育人物 卡斯特罗 卡斯特罗名言 卡斯特罗语录 历史 友谊爱情 古代格言 名人名言 名人随语 教子立人 新闻事件 李白 爱情语录 韩寒语录 
            </p>
        </div>
    </div>
</body>
</html>